*{
    margin:0;
    padding:0;
}
.user_info{
    width:800px;
    margin:0 auto;
    font-size:12px;
}
.user_info table{
    width:100%;
    border-collapse: collapse;
    text-align:center;
}
.user_info caption{
    font-size:14px;
    text-align:left;
    line-height:30px;
    font-weight:bold;
}
.user_info table th,.user_info table td{
    border:1px solid #ccc;
}
.user_info table th{
    height:36px;
    background:#f8f8f8;
}
.user_info table td{
    height:32px;
    background:#f8f8f8;
}
.content{
    width:100%;
    height:32px;
    line-height:32px;
    position:relative;
}
.content input{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    color:#999;
    padding-left:10px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    height:30px;
    border:1px solid blue;
    -webkit-animation:borderAn 2s infinite;
    animation:borderAn 2s infinite;
}
.userForm select{
    width:100px;
    height:28px;
}
.searchInput{
    width:200px;
    height:28px;
}
.searchButton{
    width:100px;
    height:32px;
}
@-webkit-keyframes borderAn{
    0%{
        border-color:transparent;
    }
    100%{
        border-color:blue;
    }
}
@keyframes borderAn{
    0%{
        border-color:transparent;
    }
    100%{
        border-color:blue;
    }
}
.userForm{
    margin:10px 0;
}
.userForm input{
    width:120px;
    height:30px;

}